<template>
  <div>
    <h1>HOME</h1>
    <div>
      
      <router-link to="/home/New" tag="button" active-class="active"
       replace >新闻</router-link
      >
      <router-link
        :to="{
          path: '/home/music',
        }" replace
        active-class="active"
        tag="button"
        >音乐</router-link
      >
      <router-link
        :to="{
          name: 'Game',
        }" replace
        active-class="active"
        tag="button"
        >游戏</router-link
      >
    </div>
    

    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
.active {
  background: red;
}
</style>